<template>
  <div class="user_body">
    <div class="resume_list">
      <h3>贴现结果</h3>
      <div>
        <div v-for="(item, i) in channelList" :key="i" class="resume_li">
          <div data-v-65a5d772="" class="el-row">
            <div data-v-65a5d772="" class="el-col el-col-2">
              <span data-v-65a5d772="" class="concessionalActivitiesFont"></span>
            </div>
            <div data-v-65a5d772="" class="fz0 el-col el-col-3">
            <div data-v-65a5d772="" class="bank-logo-box">
              <img data-v-65a5d772="" src="https://www.yljr.com/zqyl-file/file/previewFile?fileNo=UDABaZpeLnXSA8w3aUsPEg5U7Om8r9DtZyYiY802fsA%3D" alt="" class="bank-logo"></div></div><div data-v-65a5d772="" class="text-left pl40 pt12 el-col el-col-3">
                                交易状态: <br data-v-65a5d772=""><div data-v-65a5d772="" class="inline-block"><!---->
            <span v-if="item.dealStatus == 10" data-v-65a5d772="" class="bill_rate inline-block mt10 redColor">签收成功</span>
            <span v-if="item.dealStatus == 20" data-v-65a5d772="" class="bill_rate inline-block mt10 redColor">签收失败</span>
            <span v-if="item.dealStatus == 30" data-v-65a5d772="" class="bill_rate inline-block mt10 redColor">处理中</span>
            <span v-if="item.dealStatus == 40" data-v-65a5d772="" class="bill_rate inline-block mt10 redColor">无此票价信息</span>
          </div></div><div data-v-65a5d772="" class="text-left pl40 pt12 el-col el-col-3">
                                结果描述<br data-v-65a5d772=""><span data-v-65a5d772="" class="mt10 inline-block">--</span></div>
            <div data-v-65a5d772="" class="text-left pl40 pt12 el-col el-col-4">
                                实赋金额(元)<br data-v-65a5d772=""><span data-v-65a5d772="" class="inline-block mt10">--</span></div>
            <div data-v-65a5d772="" class="text-left pl40 pt12 el-col el-col-3">
                                贴现利率<br data-v-65a5d772="">
            <div data-v-65a5d772="" class="inline-block mt10">
              <div data-v-65a5d772="">
                <span data-v-65a5d772="">--</span>
              </div>
            </div>
          </div>            <div data-v-65a5d772="" class="text-left pl40 pt12 el-col el-col-3">
                                贴现利息(元)<br data-v-65a5d772="">
            <div data-v-65a5d772="" class="inline-block mt10">
              <div data-v-65a5d772="">
                <span data-v-65a5d772="">--</span>
              </div>
            </div>
          </div>
                     <div data-v-65a5d772="" class="text-left pl40 pt12 el-col el-col-3">
                                请求银行<br data-v-65a5d772="">
            <div data-v-65a5d772="" class="inline-block mt10">
              <div data-v-65a5d772="">
                <span data-v-65a5d772="">--</span>
              </div>
            </div>
          </div>
                        <div data-v-65a5d772="" class="text-left pl40 pt12 el-col el-col-3">
                                贴现银行<br data-v-65a5d772="">
            <div data-v-65a5d772="" class="inline-block mt10">
              <div data-v-65a5d772="">
                <span data-v-65a5d772="">--</span>
              </div>
            </div>
          </div>
                        <div data-v-65a5d772="" class="text-right pr10 pt19 el-col el-col-2">
              <button data-v-65a5d772="" type="button" class="el-button pt10 pb10 pl20 pr20 build_btn el-button--primary el-button--small"><!----><!----><span>凭证下载</span></button><!---->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { VueCropper } from 'vue-cropper'
import { draftsChannelList, draftsChannelRateList } from '@/api/ticket'
export default {
  name: 'discountresults',
  components: {
    VueCropper
  },
  data() {
    const validateEmail = (rule, value, callback) => {
      // const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
      const regEmail = /^[a-z0-9]+([._\\-]*[a-z0-9])+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
      if (value.length < 1) {
        callback(new Error('请输入邮箱'))
      } else if (!regEmail.test(value)) {
        callback(new Error('请输入正确邮箱'))
      } else {
        callback()
      }
    }
    return {
      baseUrl: process.env.VUE_APP_BASE_API,
      // 裁剪组件的基础配置option
      commonParameters :{
        appId :'sme',
        method:'',
        format:'json',
        charset:'utf-8',
        signType:'RSA2',
        sign:'',
        timestamp:'',
        version:'1.0',
        bizContent:'',
        requestId:''

      },
      option: {
        img: '', // 裁剪图片的地址
        info: true, // 裁剪框的大小信息
        outputSize: 0.8, // 裁剪生成图片的质量
        outputType: 'jpeg', // 裁剪生成图片的格式
        canScale: false, // 图片是否允许滚轮缩放
        autoCrop: true, // 是否默认生成截图框
        autoCropWidth: 250, // 默认生成截图框宽度
        autoCropHeight: 350, // 默认生成截图框高度
        fixedBox: false, // 固定截图框大小 不允许改变
        fixed: false, // 是否开启截图框宽高固定比例
        fixedNumber: [1, 1], // 截图框的宽高比例
        full: true, // 是否输出原图比例的截图
        canMoveBox: false, // 截图框能否拖动
        original: false, // 上传图片按照原始比例渲染
        centerBox: false, // 截图框是否被限制在图片里面
        infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
        canMove: true
      },
      resIsOpen: 'true',
      showInfoEdit: false,
      uploadaction: process.env.VUE_APP_BASE_API + '/user/file/upload/img',
      myHeaders: { 'user-auth': localStorage.getItem('token') },
      uploadaccept: '.jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP',
      userInfoForm: {
        id: '',
        userName: '',
        userSex: '',
        userMail: '',
        userPlace: '',
        userMobile: '',
        userBirth: '',
        userPhoto: '',
        isOpen: 'true'
      },

      userInfoRules: {
        userName: [
          { required: true, message: '承兑行名称', trigger: 'blur' },
          { min: 1, max: 10, message: '长度在 1 到 10 个字符', trigger: 'blur' }
        ],
        userSex: [
          { required: true, message: '票面金额', trigger: 'blur' }
        ],
        userBirth: [
          { required: true, message: '汇票到期日', trigger: 'blur' }
        ],
        userMobile: [
          { required: true, message: '请至输入验证码', trigger: 'blur' }
        ]
      },
      dialogVisible: false,
      loading: false,
      fileinfo: {},
      channelList: [
    {
        "channelId": 1,
        "channelName": "重庆富民银行",
        "channelNumber": "90095",
        "draftType": "10",
        "dealStatus": 10,
        "maxLimit": 1000,
        "agreementId": 981,
        "listFileId": 98020,
        "listFileName": null,
        "listFileUrl": null,
        "bookStatus": null,
        "createTime": "2020-01-17 22:23:23",
        "createUserId": "4035",
        "createUser": null,
        "updateTime": "2022-03-08 08:00:08",
        "updateUserId": "3294",
        "updateUser": null,
        "agreementFileName": null,
        "agreementFileUrl": null,
        "agreementFileId": null,
        "operateDesc": null,
        "channelStatus": 10,
        "showName": "重庆富民银行票据贴现承兑行清单.pdf",
        "channelCode": "cqfm",
        "channelLogoId": 21041,
        "channelLogoUrl": null,
        "channelLogName": null,
        "showLogName": "Group 4.jpg",
        "channelLogoMinid": 55955,
        "channelLogoMinFileNo": "mqbMCFLuFk/RS31Ryun1JyI3mtXmctF4cz44trqE_gk=",
        "channelLogMinDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=mqbMCFLuFk%2FRS31Ryun1JyI3mtXmctF4cz44trqE_gk%3D",
        "channelLogMinPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=mqbMCFLuFk%2FRS31Ryun1JyI3mtXmctF4cz44trqE_gk%3D",
        "showLogMinName": "富民银行.jpg",
        "concessionalRate": null,
        "concessionalRateBill": null,
        "concessionalActivities": null,
        "channelPrompt": "【企业资质】\n①极速贴：不要求企业注册年限及资本\n②富企贴：企业需成立两年以上，对注册资本无要求；\n③企业名称中不含保理、融资租赁、金融服务、房地产、票字样\n\n【法人及股东要求】法人身份证目前只接收居民身份证；不支持外资股东\n\n【贴入行要求】\n1、极速贴贴现业务票面金额不超过 500 万人民币；富企贴贴现业务票面不超过1000万人民币 \n2、极速贴现业务办理时间：8:30-20:00\n①工作日：8:30-17:10，支持贴现金额0-500万(含500万)\n②工作日：17:10-20:00，支持贴现金额0-100万(含100万)\n③周末及节假日：8:30-20:00，支持贴现金额0-100万(含100万)\n3、贴现利率必须与在平台查询的当日贴现利率一致； \n4、支持同名背书、解质押；不支持回头背书。\n",
        "bankPrompt": "请您登陆票据所在网银进行提票，您在贴现时填写的贴入行信息如下:\n\n贴入行名称：重庆富民银行股份有限公司\n贴入账号：0\n清算方式：线下清算\n贴入人大额行号：323653010015\n贴现利率：不得低于在云链平台查询的价格\n收款账户：与票据贴出账户保持一致\n\n\n关于清算方式：\n（1）除建行网银外，用其它网银提交贴现申请时，均需选择填写线下清算\n（2）建设银行网银背书时清算填写：\n①周一-周五 8:00-17:10 填写线上清算\n②周一-周五17:10-20:00，以及周末，填写线下清算",
        "amountLimit": null,
        "changeAgreementId": 0,
        "sort": 1,
        "rebateRate": 0.03,
        "listFileNo": "RDqlfRW/poAcLEUtIZYFglp1JKe1JExBOjNkfNRZLBA=",
        "channelFileNo": "UDABaZpeLnXSA8w3aUsPEg5U7Om8r9DtZyYiY802fsA=",
        "agreementFileNo": null,
        "listDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=RDqlfRW%2FpoAcLEUtIZYFglp1JKe1JExBOjNkfNRZLBA%3D",
        "listPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=RDqlfRW%2FpoAcLEUtIZYFglp1JKe1JExBOjNkfNRZLBA%3D",
        "channelDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=UDABaZpeLnXSA8w3aUsPEg5U7Om8r9DtZyYiY802fsA%3D",
        "channelPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=UDABaZpeLnXSA8w3aUsPEg5U7Om8r9DtZyYiY802fsA%3D",
        "agreementDownLoadUrl": null,
        "agreementPreviewUrl": null,
        "productName": null,
        "loanTimeLimit": null,
        "dealTime": null,
        "productType": null,
        "productTypeName": "--",
        "credSearchStatus": 0,
        "signType": null,
        "dockingForm": 1,
        "companyId": "0",
        "bankId": 1,
        "bankName": null,
        "commercialIsLimit": 1,
        "commercialMaxLimit": null,
        "commercialDiscountPrompt": null,
        "commercialBankPrompt": null,
        "needRelationFlag": null,
        "relationQueryPath": null,
        "needLocationFlag": null,
        "acceptorQueryPath": null,
        "dealTimeEnd": null,
        "isWorkDay": 0,
        "isSupportH5": 0
    },
    {
        "channelId": 81,
        "channelName": "宁波银行",
        "channelNumber": null,
        "draftType": "10",
        "dealStatus": 20,
        "maxLimit": null,
        "agreementId": null,
        "listFileId": 98023,
        "listFileName": null,
        "listFileUrl": null,
        "bookStatus": null,
        "createTime": "2020-11-09 10:16:03",
        "createUserId": "3294",
        "createUser": null,
        "updateTime": "2022-03-08 08:00:16",
        "updateUserId": "4417",
        "updateUser": null,
        "agreementFileName": null,
        "agreementFileUrl": null,
        "agreementFileId": null,
        "operateDesc": null,
        "channelStatus": 10,
        "showName": "宁波银行票据贴现承兑行清单.pdf",
        "channelCode": "nbcb",
        "channelLogoId": 22936,
        "channelLogoUrl": null,
        "channelLogName": null,
        "showLogName": "Group 9.jpg",
        "channelLogoMinid": 55956,
        "channelLogoMinFileNo": "sWlWWSpeDNQzx2ZL1iQtDhQVE9fHu7lo5YhJNLln0qI=",
        "channelLogMinDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=sWlWWSpeDNQzx2ZL1iQtDhQVE9fHu7lo5YhJNLln0qI%3D",
        "channelLogMinPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=sWlWWSpeDNQzx2ZL1iQtDhQVE9fHu7lo5YhJNLln0qI%3D",
        "showLogMinName": "宁波银行.jpg",
        "concessionalRate": null,
        "concessionalRateBill": null,
        "concessionalActivities": "时间：持续到年底\n优惠：新开户客户90天内首贴优惠立减10BP，最大金额100万\n优惠次数：1次",
        "channelPrompt": "【企业资质】\n①企业注册资本无要求，企业注册地有宁波银行网点的成立年限没要求，注册地没有宁波银行网点的，需要成立满一年；目前宁波银行优先支持成立满一年的生产制造型企业建档；\n②企业名称中不含房地产、置地、置业、保理、融资租赁、金融服务、票等字样\n\n【法人及股东要求】法人身份证支持非大陆居民证件；外资股东可以建档\n\n【贴入行要求】\n1、业务支持时间：自然日8:00-20：00\n2、其它事项：\n①单张票无限制，当天累计金额上限5亿\n②贴现利率必须与平台查询的当日贴现利率一致\n③支持同名背书；不支持大回头背书\n",
        "bankPrompt": "请您登陆票据所在网银，向宁波银行开户行提票；\n清算方式：线下清算；\n贴入行信息：请联系云链运营人员或开户行客户经理。",
        "amountLimit": null,
        "changeAgreementId": 0,
        "sort": 2,
        "rebateRate": 0.02,
        "listFileNo": "AiEAfgmFw0LvAGaoy/R4tP3CLE4qaSsaJpzj64aEkXs=",
        "channelFileNo": "Rx9LOo3anpjMWFvWF9vgpSl4rsfh6IorvGtrkOXihHQ=",
        "agreementFileNo": null,
        "listDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=AiEAfgmFw0LvAGaoy%2FR4tP3CLE4qaSsaJpzj64aEkXs%3D",
        "listPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=AiEAfgmFw0LvAGaoy%2FR4tP3CLE4qaSsaJpzj64aEkXs%3D",
        "channelDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=Rx9LOo3anpjMWFvWF9vgpSl4rsfh6IorvGtrkOXihHQ%3D",
        "channelPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=Rx9LOo3anpjMWFvWF9vgpSl4rsfh6IorvGtrkOXihHQ%3D",
        "agreementDownLoadUrl": null,
        "agreementPreviewUrl": null,
        "productName": null,
        "loanTimeLimit": null,
        "dealTime": null,
        "productType": null,
        "productTypeName": "--",
        "credSearchStatus": 0,
        "signType": null,
        "dockingForm": 1,
        "companyId": "0",
        "bankId": 1040,
        "bankName": null,
        "commercialIsLimit": 1,
        "commercialMaxLimit": null,
        "commercialDiscountPrompt": null,
        "commercialBankPrompt": null,
        "needRelationFlag": null,
        "relationQueryPath": null,
        "needLocationFlag": null,
        "acceptorQueryPath": null,
        "dealTimeEnd": null,
        "isWorkDay": 0,
        "isSupportH5": 1
    },
    {
        "channelId": 41,
        "channelName": "微众银行",
        "channelNumber": null,
        "draftType": "10",
        "dealStatus": 30,
        "maxLimit": 500,
        "agreementId": null,
        "listFileId": 98022,
        "listFileName": null,
        "listFileUrl": null,
        "bookStatus": null,
        "createTime": "2020-07-09 10:18:56",
        "createUserId": "4035",
        "createUser": null,
        "updateTime": "2022-03-08 08:00:11",
        "updateUserId": "4375",
        "updateUser": null,
        "agreementFileName": null,
        "agreementFileUrl": null,
        "agreementFileId": null,
        "operateDesc": null,
        "channelStatus": 10,
        "showName": "微众银行票据贴现承兑行清单.pdf",
        "channelCode": "wb",
        "channelLogoId": 21043,
        "channelLogoUrl": null,
        "channelLogName": null,
        "showLogName": "Group 6.jpg",
        "channelLogoMinid": 55957,
        "channelLogoMinFileNo": "9NumC9K6g5uusU/8mmMVSfqpwH7GuYBZnBXFAbV0rYA=",
        "channelLogMinDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=9NumC9K6g5uusU%2F8mmMVSfqpwH7GuYBZnBXFAbV0rYA%3D",
        "channelLogMinPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=9NumC9K6g5uusU%2F8mmMVSfqpwH7GuYBZnBXFAbV0rYA%3D",
        "showLogMinName": "微众银行.jpg",
        "concessionalRate": null,
        "concessionalRateBill": null,
        "concessionalActivities": "①活动期限：3月1日至3月31日；\n②活动内容：1-6类行首贴优惠，0-10万立减10BP，10万(含)-50万立减5BP。\n",
        "channelPrompt": "【企业资质】\n①企业注册资本无要求，成立期限半年以上\n②贴现申请人非金融企业（如：小贷、保理、担保等）及房地产企业贴现\n\n【法人及股东要求】法人身份证目前只接收居民身份证；对企业股东无要求\n\n【贴入行要求】\n1、业务支持时间：自然日8:15-19:30\n①工作日：08:15-17:10 最大票面金额500万元\n②工作日：17:10-19:30 最大票面金额100万元\n③周末及节假日：08:15-19:30 最大票面金额100万元\n2、其它事项：\n①电子银行承兑汇票单张票面金额不超过500万人民币\n②不支持票据背书大回头，如 A-B-A\n",
        "bankPrompt": "1、请您登陆票据所在网银进行提票，您在贴现时填写的贴入行信息如下:\n贴入行名称：深圳前海微众银行股份有限公司\n贴入行行号：323584000888\n贴入人（行）账号：0\n清算方式：线下清算\n付息方式：卖方付息/贴现申请人付息\n贴现种类：买断式\n是否线上清算：否\n是否可转让：可再转让\n2、贴现资金收款账户：与票据贴出账户保持一致或者为微众银行账户",
        "amountLimit": null,
        "changeAgreementId": 0,
        "sort": 3,
        "rebateRate": 0.03,
        "listFileNo": "czRcnJtuXPSQTAlMcyup0EQn63hfXo1nJin6exNQFZ8=",
        "channelFileNo": "60gjYPLJLiGefZT04Yb1A3HaME1uTk7GFxwqOHZ3zfk=",
        "agreementFileNo": null,
        "listDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=czRcnJtuXPSQTAlMcyup0EQn63hfXo1nJin6exNQFZ8%3D",
        "listPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=czRcnJtuXPSQTAlMcyup0EQn63hfXo1nJin6exNQFZ8%3D",
        "channelDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=60gjYPLJLiGefZT04Yb1A3HaME1uTk7GFxwqOHZ3zfk%3D",
        "channelPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=60gjYPLJLiGefZT04Yb1A3HaME1uTk7GFxwqOHZ3zfk%3D",
        "agreementDownLoadUrl": null,
        "agreementPreviewUrl": null,
        "productName": null,
        "loanTimeLimit": null,
        "dealTime": null,
        "productType": null,
        "productTypeName": "--",
        "credSearchStatus": 1,
        "signType": null,
        "dockingForm": 1,
        "companyId": "0",
        "bankId": 1000,
        "bankName": null,
        "commercialIsLimit": 1,
        "commercialMaxLimit": null,
        "commercialDiscountPrompt": null,
        "commercialBankPrompt": null,
        "needRelationFlag": null,
        "relationQueryPath": null,
        "needLocationFlag": null,
        "acceptorQueryPath": null,
        "dealTimeEnd": null,
        "isWorkDay": 0,
        "isSupportH5": 1
    },
    {
        "channelId": 161,
        "channelName": "百信银行",
        "channelNumber": null,
        "draftType": "10",
        "dealStatus": 40,
        "maxLimit": 1000,
        "agreementId": null,
        "listFileId": 65363,
        "listFileName": null,
        "listFileUrl": null,
        "bookStatus": null,
        "createTime": "2021-04-23 18:43:33",
        "createUserId": "4375",
        "createUser": null,
        "updateTime": "2022-02-25 10:43:37",
        "updateUserId": "4375",
        "updateUser": null,
        "agreementFileName": null,
        "agreementFileUrl": null,
        "agreementFileId": null,
        "operateDesc": null,
        "channelStatus": 10,
        "showName": "百信银行票据贴现承兑行清单.pdf",
        "channelCode": "aibank",
        "channelLogoId": 51813,
        "channelLogoUrl": null,
        "channelLogName": null,
        "showLogName": "百信logo.png",
        "channelLogoMinid": 55958,
        "channelLogoMinFileNo": "Kcj6vW_lUuUc49OulMJJPyVat7z7CpET9n16AIIy5wM=",
        "channelLogMinDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=Kcj6vW_lUuUc49OulMJJPyVat7z7CpET9n16AIIy5wM%3D",
        "channelLogMinPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=Kcj6vW_lUuUc49OulMJJPyVat7z7CpET9n16AIIy5wM%3D",
        "showLogMinName": "百信银行.jpg",
        "concessionalRate": null,
        "concessionalRateBill": null,
        "concessionalActivities": null,
        "channelPrompt": "【企业资质】\n①企业注册资本无要求，成立期限半年以上\n②分公司不能准入（因其不具备法人资质）\n③企业应具有真实的经营活动和贸易背景\n④企业在工商局的经营状态为正常\n⑤企业没有重大的行政处罚、失信被执行等不良记录\n⑥贴现申请人名称不含“供应链金融”、“互联网金融”、“金融信息服务”、“保理”等字样\n\n【法人及股东要求】\n①目前仅支持大陆居民证件\n②对企业股东无要求\n\n【票面要求】不可接受回头、重复等瑕疵\n\n【贴入行要求】\n1、业务支持时间：自然日8:15-20:00\n①工作日：8:00-20:00 最大票面 1000 万，17:10-20:00提票金额超过 100 万元的，在当日 20:40-21:00到账；\n②节假日前最后一个工作日的 17：10-20:00受理金额单张不超过 100 万元\n③周末及节假日：最大票面金额100万元\n2、其它事项：\n①不可接受回头、重复等瑕疵\n",
        "bankPrompt": "贴入行名称：中信百信银行股份有限公司；\n贴现行账号：0\n贴现行行号：326100010008\n清算方式：线下清算（或非票款兑付）",
        "amountLimit": null,
        "changeAgreementId": 0,
        "sort": 4,
        "rebateRate": 0.03,
        "listFileNo": "_iYq1xOWiwpCXCjKvbsaRgHPTa2ql9CV9I/z3LNnicE=",
        "channelFileNo": "LYSSSxW4ZsXiqGTSLYZLuYYcakkRNfaOwDCOSpEQCog=",
        "agreementFileNo": null,
        "listDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=_iYq1xOWiwpCXCjKvbsaRgHPTa2ql9CV9I%2Fz3LNnicE%3D",
        "listPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=_iYq1xOWiwpCXCjKvbsaRgHPTa2ql9CV9I%2Fz3LNnicE%3D",
        "channelDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=LYSSSxW4ZsXiqGTSLYZLuYYcakkRNfaOwDCOSpEQCog%3D",
        "channelPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=LYSSSxW4ZsXiqGTSLYZLuYYcakkRNfaOwDCOSpEQCog%3D",
        "agreementDownLoadUrl": null,
        "agreementPreviewUrl": null,
        "productName": null,
        "loanTimeLimit": null,
        "dealTime": null,
        "productType": null,
        "productTypeName": "--",
        "credSearchStatus": 1,
        "signType": null,
        "dockingForm": 1,
        "companyId": "0",
        "bankId": 1120,
        "bankName": null,
        "commercialIsLimit": 1,
        "commercialMaxLimit": null,
        "commercialDiscountPrompt": null,
        "commercialBankPrompt": null,
        "needRelationFlag": null,
        "relationQueryPath": null,
        "needLocationFlag": null,
        "acceptorQueryPath": null,
        "dealTimeEnd": null,
        "isWorkDay": 0,
        "isSupportH5": 0
    },
    {
        "channelId": 181,
        "channelName": "众邦银行",
        "channelNumber": null,
        "draftType": "10",
        "dealStatus": 1,
        "maxLimit": 500,
        "agreementId": null,
        "listFileId": 65378,
        "listFileName": null,
        "listFileUrl": null,
        "bookStatus": null,
        "createTime": "2021-07-28 17:05:37",
        "createUserId": "4417",
        "createUser": null,
        "updateTime": "2022-02-09 09:19:17",
        "updateUserId": "4417",
        "updateUser": null,
        "agreementFileName": null,
        "agreementFileUrl": null,
        "agreementFileId": null,
        "operateDesc": null,
        "channelStatus": 10,
        "showName": "众邦银行票据贴现承兑行清单.pdf",
        "channelCode": "zbank",
        "channelLogoId": 64719,
        "channelLogoUrl": null,
        "channelLogName": null,
        "showLogName": "微信图片_20210729110735.jpg",
        "channelLogoMinid": 64721,
        "channelLogoMinFileNo": "chz5s02V3GFRaw457NUXbxu621a8FK8HAakP_mXUAsg=",
        "channelLogMinDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=chz5s02V3GFRaw457NUXbxu621a8FK8HAakP_mXUAsg%3D",
        "channelLogMinPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=chz5s02V3GFRaw457NUXbxu621a8FK8HAakP_mXUAsg%3D",
        "showLogMinName": "微信图片_20210729110735.jpg",
        "concessionalRate": null,
        "concessionalRateBill": null,
        "concessionalActivities": null,
        "channelPrompt": "【企业资质】\n①企业注册资本和成立期限无要求\n②企业名称中不含“供应链金融”、“互联网金融”、“金融信息服务”、“保理”等字样\n【法人及股东要求】\n①目前仅支持大陆居民证件\n②对企业股东无要求\n【票面要求】不可接受回头、重复等瑕疵票\n【贴入行要求】\n1、业务支持时间:工作日9:30-17:00,非工作日不能贴现\n2、电子银行承兑汇票单张票面金额不超过500万人民币\n3、不可接受回头、重复等瑕疵票",
        "bankPrompt": "贴入行名称：武汉众邦银行股份有限公司        \n贴现行账号：0\n贴现行行号：323521012066",
        "amountLimit": null,
        "changeAgreementId": 0,
        "sort": 5,
        "rebateRate": 0.03,
        "listFileNo": "KwT_SecpaYpafJ5n_RjzLNOv4oglmwK8QuS15aqTsGo=",
        "channelFileNo": "WQb4mO/C6x5_i6sBoOx98riC7TZVp7AdKShEleCV/tQ=",
        "agreementFileNo": null,
        "listDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=KwT_SecpaYpafJ5n_RjzLNOv4oglmwK8QuS15aqTsGo%3D",
        "listPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=KwT_SecpaYpafJ5n_RjzLNOv4oglmwK8QuS15aqTsGo%3D",
        "channelDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=WQb4mO%2FC6x5_i6sBoOx98riC7TZVp7AdKShEleCV%2FtQ%3D",
        "channelPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=WQb4mO%2FC6x5_i6sBoOx98riC7TZVp7AdKShEleCV%2FtQ%3D",
        "agreementDownLoadUrl": null,
        "agreementPreviewUrl": null,
        "productName": null,
        "loanTimeLimit": null,
        "dealTime": null,
        "productType": null,
        "productTypeName": "--",
        "credSearchStatus": 1,
        "signType": null,
        "dockingForm": 1,
        "companyId": "0",
        "bankId": 1140,
        "bankName": null,
        "commercialIsLimit": 1,
        "commercialMaxLimit": null,
        "commercialDiscountPrompt": null,
        "commercialBankPrompt": null,
        "needRelationFlag": null,
        "relationQueryPath": null,
        "needLocationFlag": null,
        "acceptorQueryPath": null,
        "dealTimeEnd": null,
        "isWorkDay": 0,
        "isSupportH5": 0
    },
    {
        "channelId": 201,
        "channelName": "平安银行",
        "channelNumber": null,
        "draftType": "10",
        "dealStatus": 0,
        "maxLimit": null,
        "agreementId": null,
        "listFileId": null,
        "listFileName": null,
        "listFileUrl": null,
        "bookStatus": null,
        "createTime": "2021-08-21 09:29:39",
        "createUserId": "4375",
        "createUser": null,
        "updateTime": "2021-12-31 11:09:17",
        "updateUserId": "4375",
        "updateUser": null,
        "agreementFileName": null,
        "agreementFileUrl": null,
        "agreementFileId": null,
        "operateDesc": null,
        "channelStatus": 10,
        "showName": null,
        "channelCode": "pingan",
        "channelLogoId": 68544,
        "channelLogoUrl": null,
        "channelLogName": null,
        "showLogName": "平安银行字标 - 副本.JPG",
        "channelLogoMinid": 68545,
        "channelLogoMinFileNo": "ndH/u2M5e/cCoUTv/N14997O_1Zr6BibPBdOh6CiMHs=",
        "channelLogMinDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=ndH%2Fu2M5e%2FcCoUTv%2FN14997O_1Zr6BibPBdOh6CiMHs%3D",
        "channelLogMinPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=ndH%2Fu2M5e%2FcCoUTv%2FN14997O_1Zr6BibPBdOh6CiMHs%3D",
        "showLogMinName": "平安银行字标 - 副本.JPG",
        "concessionalRate": null,
        "concessionalRateBill": null,
        "concessionalActivities": null,
        "channelPrompt": "【企业资质】\n①企业注册资本、成立期限无要求\n②贴现申请人若为金融企业（如：小贷、保理、担保等）需要提供贸易背景资料\n\n【法人及股东要求】法人身份证目前只接收居民身份证；\n\n【贴入行要求】\n1、业务支持时间：工作日9:00-20:00\n①工作日：9:00-17:10 最大票面不限，支持跨行贴现，贴现资金实时到账；\n②工作日：17:10-20:00提票金额小于等于5万元，支持跨行贴现，贴现资金实时到账；\n③工作日：17:10-20:00提票金额超过5万的，需使用平安银行网银提交，可在当日20:45-21:00到账；节假日前的最后一个工作日除外，若周五17:00-20:00提票金额超过100万的，贴现资金将于周日20:30-21:00到账；\n2、其它事项：\n①不支持票据背书大回头，如 A-B-A；\n②瑕疵情况以实际贴现放款为准",
        "bankPrompt": "贴入人（行）账号：0\n清算方式：线下清算\n付息方式：卖方付息/贴现申请人付息\n贴现种类：买断式\n是否线上清算：否\n是否可转让：可再转让                                                                                                        \n请您登陆票据所在网银进行提票，您在贴现时填写的贴入行信息为以上信息，贴现资金收款账户：与票据贴出账户保持一致或者为平安银行账户",
        "amountLimit": null,
        "changeAgreementId": 0,
        "sort": 6,
        "rebateRate": 0.025,
        "listFileNo": null,
        "channelFileNo": "b2kIgr/tgTQUvQnhbTMwG3B_p36I/mO0D/mBAv_n1wk=",
        "agreementFileNo": null,
        "listDownLoadUrl": null,
        "listPreviewUrl": null,
        "channelDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=b2kIgr%2FtgTQUvQnhbTMwG3B_p36I%2FmO0D%2FmBAv_n1wk%3D",
        "channelPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=b2kIgr%2FtgTQUvQnhbTMwG3B_p36I%2FmO0D%2FmBAv_n1wk%3D",
        "agreementDownLoadUrl": null,
        "agreementPreviewUrl": null,
        "productName": null,
        "loanTimeLimit": null,
        "dealTime": null,
        "productType": null,
        "productTypeName": "--",
        "credSearchStatus": 1,
        "signType": null,
        "dockingForm": 1,
        "companyId": "0",
        "bankId": 1160,
        "bankName": null,
        "commercialIsLimit": 1,
        "commercialMaxLimit": null,
        "commercialDiscountPrompt": null,
        "commercialBankPrompt": null,
        "needRelationFlag": null,
        "relationQueryPath": null,
        "needLocationFlag": null,
        "acceptorQueryPath": null,
        "dealTimeEnd": null,
        "isWorkDay": 0,
        "isSupportH5": 1
    },
    {
        "channelId": 121,
        "channelName": "湖南三湘银行",
        "channelNumber": null,
        "draftType": "10",
        "dealStatus": 1,
        "maxLimit": 500,
        "agreementId": null,
        "listFileId": 98024,
        "listFileName": null,
        "listFileUrl": null,
        "bookStatus": null,
        "createTime": "2020-12-30 15:40:12",
        "createUserId": "4375",
        "createUser": null,
        "updateTime": "2022-03-08 08:04:32",
        "updateUserId": "4417",
        "updateUser": null,
        "agreementFileName": null,
        "agreementFileUrl": null,
        "agreementFileId": null,
        "operateDesc": null,
        "channelStatus": 10,
        "showName": "湖南三湘银行票据贴现承兑行清单.pdf",
        "channelCode": "csx",
        "channelLogoId": 32795,
        "channelLogoUrl": null,
        "channelLogName": null,
        "showLogName": "logo4.png",
        "channelLogoMinid": 55959,
        "channelLogoMinFileNo": "a1VlsZCmmkNXkUbIkQkdeuT2SlhptpNY_qPIYzxEzYI=",
        "channelLogMinDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=a1VlsZCmmkNXkUbIkQkdeuT2SlhptpNY_qPIYzxEzYI%3D",
        "channelLogMinPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=a1VlsZCmmkNXkUbIkQkdeuT2SlhptpNY_qPIYzxEzYI%3D",
        "showLogMinName": "三湘银行.jpg",
        "concessionalRate": null,
        "concessionalRateBill": null,
        "concessionalActivities": "湖南省内企业可以议价",
        "channelPrompt": "【企业资质】\n①企业成立年限及注册资本无要求\n②分公司需要总公司授权书，并加盖总公司公章\n③企业名称中不含融资租赁公司、票据、金融、供应链、房地产（小贷、保理、担保等）字样\n④若为非实体企业性质命名，银行在办理准入时会检查企业的行业类型和经营范围；\n\n【法人及股东要求】法人身份证目前仅支持大陆居民证件；支持外资股东\n\n【贴入行要求】\n1、业务支持时间：工作日9:30-17:00\n2、其它事项：\n①电子银行承兑汇票单张票面金额不超过500万;\n②贴现利率必须与平台查询的当日贴现利率一致;\n③可接受：小回头（不回出票人），同名账户背书，解质押；\n不可接受：大回头（回出票人），回购式贴现，上下不一致\n",
        "bankPrompt": "贴入行名称：湖南三湘银行股份有限公司\n贴入行账号：0\n清算方式：线上清算\n贴入人大额行号：323551000015\n贴现利率：必须与云链平台查询的价格保持一致\n收款账户：与票据贴出账户保持一致",
        "amountLimit": null,
        "changeAgreementId": 0,
        "sort": 7,
        "rebateRate": 0.03,
        "listFileNo": "Vu1GI1AZGzmrwpLNdwfKlmK1Qa_G7FUwxsDGX8Vo4_8=",
        "channelFileNo": "jgLCKYwLCYACMZBV3ansQWOAoSPoYjpKl4KnzFGH2wM=",
        "agreementFileNo": null,
        "listDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=Vu1GI1AZGzmrwpLNdwfKlmK1Qa_G7FUwxsDGX8Vo4_8%3D",
        "listPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=Vu1GI1AZGzmrwpLNdwfKlmK1Qa_G7FUwxsDGX8Vo4_8%3D",
        "channelDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=jgLCKYwLCYACMZBV3ansQWOAoSPoYjpKl4KnzFGH2wM%3D",
        "channelPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=jgLCKYwLCYACMZBV3ansQWOAoSPoYjpKl4KnzFGH2wM%3D",
        "agreementDownLoadUrl": null,
        "agreementPreviewUrl": null,
        "productName": null,
        "loanTimeLimit": null,
        "dealTime": null,
        "productType": null,
        "productTypeName": "--",
        "credSearchStatus": 1,
        "signType": null,
        "dockingForm": 1,
        "companyId": "0",
        "bankId": 1080,
        "bankName": null,
        "commercialIsLimit": 1,
        "commercialMaxLimit": null,
        "commercialDiscountPrompt": null,
        "commercialBankPrompt": null,
        "needRelationFlag": null,
        "relationQueryPath": null,
        "needLocationFlag": null,
        "acceptorQueryPath": null,
        "dealTimeEnd": null,
        "isWorkDay": 0,
        "isSupportH5": 0
    },
    {
        "channelId": 21,
        "channelName": "蓝海银行",
        "channelNumber": null,
        "draftType": "10",
        "dealStatus": 1,
        "maxLimit": 500,
        "agreementId": 1161,
        "listFileId": 98021,
        "listFileName": null,
        "listFileUrl": null,
        "bookStatus": null,
        "createTime": "2020-05-14 00:14:54",
        "createUserId": "4035",
        "createUser": null,
        "updateTime": "2022-03-08 08:00:09",
        "updateUserId": "4375",
        "updateUser": null,
        "agreementFileName": null,
        "agreementFileUrl": null,
        "agreementFileId": null,
        "operateDesc": null,
        "channelStatus": 10,
        "showName": "蓝海银行票据贴现承兑行清单.pdf",
        "channelCode": "blueocean",
        "channelLogoId": 21042,
        "channelLogoUrl": null,
        "channelLogName": null,
        "showLogName": "Group 5.jpg",
        "channelLogoMinid": 55961,
        "channelLogoMinFileNo": "CwYd2Ob9AUsRZzuiRph3DnAp1jqHFptAT5HKYRZVLHg=",
        "channelLogMinDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=CwYd2Ob9AUsRZzuiRph3DnAp1jqHFptAT5HKYRZVLHg%3D",
        "channelLogMinPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=CwYd2Ob9AUsRZzuiRph3DnAp1jqHFptAT5HKYRZVLHg%3D",
        "showLogMinName": "蓝海银行.jpg",
        "concessionalRate": null,
        "concessionalRateBill": null,
        "concessionalActivities": "【蓝海银行优惠】\n①活动期限：3月1日至3月31日；\n②活动客群：未在蓝海银行贴现过的客户；\n③活动内容：活动期限内首单贴现优惠，系统试算自动核减，按系统报价提票。其中50万以下（含）优惠6BP，50万-500万（含）优惠2BP。",
        "channelPrompt": "【企业资质】\n①企业注册资本≥50万，成立半年以上 \n②企业名称中不含保理、融资租赁、金融服务、票、金服、供应链、房地产、地产字样；不支持分公司建档；不涉及金融业；经营状态为“在营”；\n【法人及股东要求】法人身份证目前只接收居民身份证；不支持外资股东\n【贴入行要求】       \n1、业务支持时间：自然日8:30-20:00\n①工作日：8:30-17:10 支持金额0-500万\n②工作日：17:10-20:00 支持金额0-100万\n③周末及节假日：8:30-20:00 支持金额0-500万\n2、其它事项\n①单张票面金额不超过500万\n②票据上的电子签章和记载事项齐全、真实、合法、有效、并且清楚、明确\n③票据背书全部连续、真实、合法、且没有重复背书、回头背书，没有记载禁止或限制我行权利的不得转让、不得背书、不得质押等字样\n④承兑行需在我行公示的《银贴宝承兑行清单》之列",
        "bankPrompt": "客户在他行网银向蓝海银行发起贴现申请，主要交易要素如下：\n付息方式：卖方付息/贴现申请人付息\n清算方式：线上/线下清算\n贴入人账号：0\n贴入人名称：威海蓝海银行股份有限公司\n贴入人行号：323465000019\n我行系统自动受理票据贴现，自动收票并付款，资金1分钟内到账。",
        "amountLimit": null,
        "changeAgreementId": 1162,
        "sort": 8,
        "rebateRate": 0.03,
        "listFileNo": "l4pm9DXSTZ8N_UItziapkZUoUIIQJYmhNkl0_11M4EQ=",
        "channelFileNo": "oidFtTVcxVhegaRO8jegMKJgrv13wzUXfr__SGuZQtU=",
        "agreementFileNo": null,
        "listDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=l4pm9DXSTZ8N_UItziapkZUoUIIQJYmhNkl0_11M4EQ%3D",
        "listPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=l4pm9DXSTZ8N_UItziapkZUoUIIQJYmhNkl0_11M4EQ%3D",
        "channelDownLoadUrl": "https://www.yljr.com/zqyl-file/file/download?fileNo=oidFtTVcxVhegaRO8jegMKJgrv13wzUXfr__SGuZQtU%3D",
        "channelPreviewUrl": "https://www.yljr.com/zqyl-file/file/previewFile?fileNo=oidFtTVcxVhegaRO8jegMKJgrv13wzUXfr__SGuZQtU%3D",
        "agreementDownLoadUrl": null,
        "agreementPreviewUrl": null,
        "productName": null,
        "loanTimeLimit": null,
        "dealTime": null,
        "productType": null,
        "productTypeName": "--",
        "credSearchStatus": 1,
        "signType": null,
        "dockingForm": 1,
        "companyId": "0",
        "bankId": 21,
        "bankName": null,
        "commercialIsLimit": 1,
        "commercialMaxLimit": null,
        "commercialDiscountPrompt": null,
        "commercialBankPrompt": null,
        "needRelationFlag": null,
        "relationQueryPath": null,
        "needLocationFlag": null,
        "acceptorQueryPath": null,
        "dealTimeEnd": null,
        "isWorkDay": 0,
        "isSupportH5": 0
    }
]
    }
  },
  created() {
    const that = this
    var dcl = that.commonParameters
    var timestamp=new Date().getTime()
    dcl.bizContent='1'
    dcl.method = 'drafts.channel.list'
    dcl.timestamp=that.formatDate(timestamp)
    dcl.sign='1'
    dcl.requestId='sme20210304000000'
    that.getDraftsChannelList(dcl)
  },
  methods: {
    getDraftsChannelList(parames){
      draftsChannelList(parames).then(response => {
       console.log(response)
      })
    },
     formatDate(value) {
        let date = new Date(value);
        let y = date.getFullYear();
        let MM = date.getMonth() + 1;
        MM = MM < 10 ? ('0' + MM) : MM;
        let d = date.getDate();
        d = d < 10 ? ('0' + d) : d;
        let h = date.getHours();
        h = h < 10 ? ('0' + h) : h;
        let m = date.getMinutes();
        m = m < 10 ? ('0' + m) : m;
        let s = date.getSeconds();
        s = s < 10 ? ('0' + s) : s;
        return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
      },
    format(percentage) {
      return `简历完善度${percentage}%`
    },
    userInfoEditShowOn() {
      const that = this
      that.showInfoEdit = true
    },
    submitUserInfoEditForm(formName) {
      this.$router.push('/billQuery')
      this.$refs[formName].validate((valid) => {
        const that = this
        if (valid) {
          // const userInfoJson = JSON.stringify(that.userInfoForm)
          // console.log(userInfoJson)
          saveInfo(that.userInfoForm).then(response => {
            if (response.result === 1) {
              that.getUserInfo()
              that.showInfoEdit = false
            }
          })
        } else {
          // console.log('error submit!!')
          return false
        }
      })
    },
    submitImg(formName) {
      const that = this
      saveInfo(that.userInfoForm).then(response => {
        if (response.result === 1) {
          that.getUserInfo()
          that.showInfoEdit = false
        }
      })
    },
    resetUserInfoEditForm(formName) {
      const that = this
      that.showInfoEdit = false
      that.$refs[formName].resetFields()
    },
    getUserInfo() {
      const that = this
      getInfo().then(response => {
        if (response.result === 1) {
          // console.log(response)
          that.userInfoForm = response.data
          that.userInfoForm.userPhotoShow = process.env.VUE_APP_BASE_API + response.data.userPhoto
          that.resIsOpen = response.data.isOpen
          // that.userInfoForm.userName = response.data.userName
          // that.userInfoForm.userSex = response.data.userSex
          // that.userInfoForm.userMail = response.data.userMail
          // that.userInfoForm.userPlace = response.data.userPlace
          // that.userInfoForm.userMobile = response.data.userMobile
          // that.userInfoForm.userBirth = response.data.userBirth
          // that.userInfoForm.userPhoto = response.data.userPhoto
          // if (response.data.isOpen === 'true') { that.userInfoForm.isOpen = true }
          // if (response.data.isOpen === 'false') { that.userInfoForm.isOpen = false }
        }
      })
    },
    beforeAvatarUpload() {},
    handleAvatarSuccess(response, file, fileList) {
      // file.url = response.data.fileUrl
      const that = this
      this.$nextTick(() => {
        if (response.result === 1) {
          that.option.img = URL.createObjectURL(file.raw)
          that.fileinfo = response
          that.dialogVisible = true
        }
      })
    },
    // 放大/缩小
    changeScale(num) {
      num = num || 1
      this.$refs.cropper.changeScale(num)
    },
    // 坐旋转
    rotateLeft() {
      this.$refs.cropper.rotateLeft()
    },
    // 右旋转
    rotateRight() {
      this.$refs.cropper.rotateRight()
    },
    finish() {
      const that = this
      that.$refs.cropper.getCropBlob((data) => {
        const newFile = new window.File([data], that.fileinfo.data.fileName, { type: that.fileinfo.type })
        const formData = new FormData()
        //  添加图片
        formData.append('file', newFile)
        uploadImg(formData).then(response => {
          if (response.result === 1) {
            that.userInfoForm.userPhoto = response.data.fileUrl
            that.userInfoForm.userPhotoShow = process.env.VUE_APP_BASE_API + response.data.fileUrl
            // console.log(this.userInfoForm.userPhoto)
            that.dialogVisible = false
            that.submitImg(that.userInfoForm)
          }
        })
      })
    },
    resumeIsOpen() {
      const that = this
      const senddata = { id: that.userInfoForm.id, isOpen: that.resIsOpen }
      isOpenRes(senddata).then(response => {
        if (response.result === 1) {
          // console.log(response)
          that.$message({
            message: '变更成功',
            type: 'success'
          })
        }
      })
    },
    onAddResume() {
      const that = this
      const senddata = { id: that.userInfoForm.id }
      addResume(senddata).then(response => {
        if (response.result === 1) {
          that.$router.push({ path: '/resumeedit', query: { id: response.data.id }})
        }
      })
    },
    onClickDel(resumeId, i) {
      const that = this
      const senddata = { id: resumeId }
      that.$confirm('简历将永久删除, 确认删除?', '删除', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        del(senddata).then(response => {
          if (response.result === 1) {
            that.channelList.splice(i, 1)
          }
        })
      }).catch(() => {
      })
    }

  }
}
</script>

<style >
.user_body{
  margin: 15px 5%;
  background-color: #ffffff;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.resumes_info{
    display: flex;
    padding: 30px 24px;
    background: #f7f8fa;
    border: 1px solid rgba(0,0,0,.1);
}
.resumes_info .el-date-editor.el-input{
  width: 100% !important;
}
.resumes_photo{
    position: relative;
    width: 280px;
    height: 165px;
    margin-right: 16px;
    border: 1px solid rgba(0,0,0,.1);
    cursor: pointer;
  }
.resumes_photo img{
    height: 144px;
}
.resumes_photo span{
     display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background: #ffb337;
    text-align: center;
   }
  .resumes_username{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-top: 4px;
  }
  .resumes_username button{
    float: right;
    color: #409EFF;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    font-size: 14px;
  }
  .resumes_detail{
    width: 100%;
  }
  .resumes_extra_info{
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 12px;
    flex: 1 1;
    color: #666;
  }
  .resumes_contact{
    margin: 0px !important;
    line-height: 30px;
    box-sizing: border-box;
    display: block;
    flex: 1 1;
    color: #666;
    font-size: 14px;
  }
  .resumes_tips{
        margin-top: 14px;
    font-size: 12px;
    color: #999;
  }
  .resumes_tips .resumes_tips_star{
    color: #ff9037;
    font-size: 14px;
  }
  .resume_list{
    color: #222;
  }
  .resume_list .resume_li:hover{
    background-color: #f6fafd;
  }
  .resume_list h3{
    padding: 0 24px;
    height: 62px;
    line-height: 62px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
  }
  .empty_resume{
    float: right;
    margin-top: -62px;
    margin-right: 40px;
  }
  .resume_li{
    margin: 5px;
    argin-bottom: 10px;
    position: relative;
    padding: 24px;
    border: 1px solid rgba(0,0,0,.1);
    transition: background .12s ease;
  }
  .resume_li_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .resume_li_title span{
    position: relative;
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 25px;
    white-space: nowrap;
  }
  .resumes_progress{
    width: 300px;
  }
  .resumes_progress p{
    font-size: 12px;
    font-weight: 400;
    color: #999;
  }
  .resumes_progress  .el-progress__text{
    margin: 12px 208px 0px 0px;
    float: right;
     font-size: 12px;
    font-weight: 400;
    color: #999;
  }
  .resume_datetime{
    position: absolute;
    bottom: 24px;
    right: 24px;
    font-size: 12px;
    color: #999;
  }
  .resumes_btns{
    white-space: nowrap;
    position: relative;
  }
  .resumes_btns .el-button{
    font-size: 14px;
    vertical-align: middle;
    color: #20a0ff;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    font-size: 20px;
    vertical-align: middle;
    padding: 4px 5px !important;
  }
  .resumes_btns .el-button:hover{
    border-color: transparent;
    background-color: transparent;

  }
  .resumes_btns span{
    font-size: 16px;
    color: rgb(153, 153, 153);
    vertical-align: middle;
    margin-left: 8px !important;
  }
  .cropper-content{
    width:500px;height:500px;
    margin: auto;
  }
  .cropper{
    height:480px;
    width: 500px;
    margin: auto;
  }
button{
  cursor: pointer;
}
  .imgEditBotton{
    white-space: nowrap;
    cursor: pointer;
    border-radius: 2px;
    border: #409eff 1px solid;
    background-color: #419eff;
    color: #ffffff;
    height: 30px;
    width: 45px;
    font-size: 20px;
    margin: 3px 5px;
  }
 .user_body .el-dialog__body{
    background-color: #ececec;
  }
  .bank-logo-box .bank-logo {
    max-width: 115px;
    max-height: 68px;
    display: block;
    margin: auto;
}
.text-right {
    text-align: right;
}
</style>
